<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/body.css">
    <link rel="stylesheet" href="mygulp/youle/youlecss/personal.css">
</head>
<body>
    <!-- 顶部     -->
<div class="head-top-wrap"> 
    <div class="head-top"> 

        <div class="top-left">
            <a href="index.html" target="_blank">邮乐首页</a>
            <div class="receive">
                <span class="address">收货地</span>
                <dl class="receiveBox">
                    <dt>
                        <div class="all_province">所有</div>
                        <div data-provinceid="310000">上海</div>
                        <div data-provinceid="110000">北京</div>
                        <div data-provinceid="500000">重庆</div>
                        <div data-provinceid="120000">天津</div>
                    </dt>
                    <dd>
                        <div data-provinceid="130000">河北</div>
                        <div data-provinceid="140000">山西</div>
                        <div data-provinceid="150000">内蒙古</div>
                        <div data-provinceid="210000">辽宁</div>
                        <div data-provinceid="220000">吉林</div>
                        <div data-provinceid="230000">黑龙江</div>
                        <div data-provinceid="320000">江苏</div>
                        <div data-provinceid="330000">浙江</div>
                        <div data-provinceid="340000">安徽</div>
                        <div data-provinceid="350000">福建</div>
                        <div data-provinceid="360000">江西</div>
                        <div data-provinceid="370000">山东</div>
                        <div data-provinceid="410000">河南</div>
                        <div data-provinceid="420000">湖北</div>
                        <div data-provinceid="430000">湖南</div>
                        <div data-provinceid="440000">广东</div>
                        <div data-provinceid="450000">广西</div>
                        <div data-provinceid="460000">海南</div>
                        <div data-provinceid="510000">四川</div>
                        <div data-provinceid="520000">贵州</div>
                        <div data-provinceid="530000">云南</div>
                        <div data-provinceid="540000">西藏</div>
                        <div data-provinceid="610000">陕西</div>
                        <div data-provinceid="620000">甘肃</div>
                        <div data-provinceid="630000">青海</div>
                        <div data-provinceid="640000">宁夏</div>
                        <div data-provinceid="650000">新疆</div>
                    </dd>
                </dl>
            </div>
        </div>

        <div class="top-right">
            <div class="welcome"><span>xxx</span>您好，欢迎来到邮乐网！<em>退出</em></div>
            <div class="login">
                <a href="login.html" class="blue t-login">[请登录]</a>
                <a href="register.html" class="blue t-reg">[免费注册]</a>
            </div>
            <div ></div>

            <div class="myul menu dropdown" data-active="menu">
                <a class="txt-down dropdown-toggle" href="" target="_blank">我的邮乐</a>
                <ul class="dropdown-layer dropdown-left">
                  <li><a href="###" target="_blank" class="menu-item">我的订单</a></li>
                  <li><a href="###" target="_blank" class="menu-item">我的收藏</a></li>
                  <li><a href="###" target="_blank" class="menu-item">我的消息</a></li>
                </ul>
            </div>

            <div class="ulephone menu dropdown" data-active="menu">
                <span class="ico-phone"></span>
                <a class="txt-down dropdown-toggle" target="_blank">手机邮乐</a>
                <div class="uleapp dropdown-layer dropdown-left">
                    <div class="img-wrap">
                        <img src="images/uleapp.jpeg" alt="手机邮乐">
                    </div>
                </div>
            </div>

            <!-- 全部商品分类 -->
            <div class="category">
                <span class="icon_list"></span>
                <a href="list.html" target="_blank">全部商品分类</a>
            </div>
            <div class="allCategory" id="allCategory" >
                <div class="allCategory_box">
                  <ul class="allCategory_main clear">
                    <li>
                        <h4> 
                            <a>美妆洗护</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>美发护发</a><a>面部护肤</a><a>女性护理</a><a>香水彩妆</a><a>口腔护理</a><a>香水</a><a>身体护理</a><a>洗浴用品</a>
                        </p>
                    </li>
                    <li>
                        <h4> 
                            <a>女装、饰品、配件</a> 
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>帽子</a><a>衬衫</a><a>连衣裙</a><a>针织衫毛衣</a>
                            <a>短外套</a>
                            <a>文胸</a>
                            <a>女袜</a>
                            <a>丝巾/围巾/手套</a>
                            <a>镶嵌饰品</a>
                            <a>金银饰品</a>
                            <a>戒指</a>
                            <a>耳饰</a>
                            <a>项链</a>
                            <a>手镯手链</a>
                            <a>头饰/胸针</a>
                            <a>太阳镜/眼镜框</a>
                            <a>手表</a>
                            <a>女士腰带</a>
                            <a>男士腰带</a>
                            <a>T恤</a>
                            <a>打底衫</a>
                            <a>卫衣</a>
                            <a>小西装</a>
                            <a>风衣/大衣</a>
                            <a>羽绒服</a>
                            <a>牛仔裤</a>
                            <a>休闲裤</a>
                            <a>打底裤/短裤</a>
                            <a>半裙</a>
                            <a>保暖内衣</a>
                            <a>睡衣/家居服</a>
                            <a>女士内裤</a>
                            <a>吊带/背心</a>
                        </p>
                    </li>
                    <li>
                        <h4> 
                            <a>家居生活</a> 
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>家纺</a>
                            <a>生活日用</a>
                            <a>家纺日用</a>
                            <a>家居用品</a>
                            <a>五金装潢</a>
                            <a>家装建材</a>
                          </p>
                      </li>
                      <li>
                            <h4> 
                              <a>汽车用品</a> 
                              <a class="more">more</a> 
                            </h4>
                            <p>
                                <a>行车记录仪</a>
                                <a>润滑油</a>
                                <a>座垫/座套</a>
                                <a>维修配件</a>
                                <a>内饰</a>
                                <a>脚垫</a>
                                <a>除味</a>
                                <a>美容</a>
                                <a>添加剂</a>
                                <a>4S服务</a>
                          </p>
                    </li>
                    <li>
                        <h4>
                          <a>特色美食</a>
                          <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>休闲零食</a>
                            <a>饮料冲调</a>
                            <a>冲调食品</a>
                            <a>厨房调料</a>
                            <a>酒</a>
                            <a>特供礼盒</a>
                            <a>进口食品</a>
                            <a>营养滋补</a>
                          </p>
                    </li>
                    <li>
                        <h4>
                            <a>魅力男装</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>衬衫</a>
                            <a>T恤/POLO衫</a>
                            <a>牛仔裤</a>
                            <a>夹克/外套</a>
                            <a>男士内裤</a>
                            <a>休闲裤</a>
                            <a>西装</a>
                            <a>棉服</a>
                            <a>羽绒服</a>
                            <a>西裤</a>
                            <a>针织衫</a>
                            <a>毛背心</a>
                            <a>卫衣</a>
                            <a>大衣/皮衣</a>
                            <a>保暖内衣</a>
                            <a>睡衣/家居服</a>
                            <a>男袜</a>
                          </p>
                    </li>
                    <li>
                        <h4>
                            <a>厨房清洁</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>清洁剂</a>
                            <a>清洁工具</a>
                            <a>一次性用品</a>
                            <a>锅具水壶</a>
                            <a>精美餐具</a>
                            <a>生活用纸</a>
                            <a>厨具</a>
                            <a>水具酒具</a>
                            <a>浴室用品</a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>手机数码</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>手机通讯</a>
                            <a>手机配件</a>
                            <a>摄影摄像</a>
                            <a>数码配件</a>
                            <a>数码影音</a>
                            <a>智能设备</a>
                        </p>
                    </li>
                    <li>
                        <h4> 
                            <a>进口食品</a> 
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>进口乳制品</a>
                            <a>进口饼干糕点</a>
                            <a>进口糖果/巧克力</a>
                            <a>进口果干/蜜饯</a>
                            <a>进口食用油</a>
                            <a>进口冲饮/早餐谷物</a>
                            <a>进口冲饮咖啡/茶</a>
                            <a>进口饮用水/饮料</a>
                            <a>进口休闲零食</a>
                            <a>进口米/面</a>
                            <a>进口调味品</a>
                            <a>进口罐头</a>
                            <a>进口酒类</a>运动户外
                            <a>户外服饰</a>
                            <a>户外鞋</a>
                            <a>户外装备</a>
                            <a>运动服饰</a>
                            <a>运动鞋包</a>
                            <a>运动配件</a>
                            <a>运动休闲健身</a>
                            <a>运动器材</a>
                            <a>户外包</a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>箱包鞋帽</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>功能箱包</a>
                            <a>时尚女包</a>
                            <a>精品男包</a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>电脑办公</a> 
                            <a class="more">商务礼品</a> 
                        </h4>
                        <p>
                            <a>电脑整机</a>
                            <a>电脑硬件</a>
                            <a>外设产品</a>
                            <a>网络设备</a>
                            <a>游戏设备</a>
                            <a>办公设备</a>
                            <a>文具/耗材</a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>家用电器</a> 
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>个人护理电器</a>
                            <a>厨房电器</a>
                            <a>生活电器</a>
                            <a>大家电</a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>保健品</a>  
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>增强免疫力/抗疲劳</a>
                            <a>减肥瘦身</a>
                            <a>调节血压/血脂/血糖 </a>
                            <a>养生参茸食材 </a>
                            <a>美容养颜 </a>
                            <a>男/女性调养 </a>
                            <a>儿童营养 </a>
                        </p>
                    </li>
                    <li>
                        <h4>
                            <a>运动户外</a>
                            <a class="more">more</a> 
                        </h4>
                        <p>
                            <a>户外服饰</a>
                            <a>户外鞋</a>
                            <a>户外装备</a>
                            <a>运动服饰</a>
                            <a>运动鞋包</a>
                            <a>运动配件</a>
                            <a>运动休闲健身</a>
                            <a>运动器材</a>
                            <a>户外包</a>
                        </p>
                    </li>
                    <li>
                        <h4> 
                            <a>母婴玩具</a> 
                            <a class="more">more</a> 
                        </h4>
                        <p>
                              <a>奶粉</a>
                              <a>尿裤湿巾</a>
                              <a>玩具书籍</a>
                              <a>哺喂用品</a>
                              <a>洗护用品</a>
                              <a>宝宝服饰</a>
                              <a>儿童服饰</a>
                              <a>童车童床</a>
                              <a>妈妈用品</a>
                              <a>出行用品</a>
                              <a>图书音像</a>
                        </p>
                    </li>
                </ul>
                <p class="allCategory_side">
                    <a >邮乐农品</a>
                    <a class="s2">手机充值</a>
                    <a>生活缴费</a>
                    <a class="s2">海外馆</a>
                </p>
                </div>
            </div>

            <div class="web-map">
                <a href="" target="_blank">网站地图</a>
            </div>

            <div class="helpcenter menu dropdown" data-active="menu">
                <a class="txt-down dropdown-toggle" href="" target="_blank">帮助中心</a>
                <ul class="dropdown-layer dropdown-left">
                    <li><a href="" target="_blank" class="menu-item">购物指南</a></li>
                    <li><a href="" target="_blank" class="menu-item">支付帮助</a></li>
                    <li><a href="" target="_blank" class="menu-item">配送方式</a></li>
                    <li><a href="" target="_blank" class="menu-item">售后服务</a></li>
                    <li><a href="" target="_blank" class="menu-item">关于邮乐</a></li>
                </ul>
            </div> 

            <div class="telphone">
                <span class="phone">11185</span>
                <p class="phonetips"></p>
            </div>
        </div>
    </div>
</div>


<!-- 头部 -->
<div class="header">
    <div class="head-logo">
        <a href="" class="logo-ule">邮乐网</a>
    </div>
    
    <div class="head-shopcart">
        <a href="cart.html">
            <span class="shopcart-sum" style="display:block;">
                购物车
                <span class="shopcart-num">0</span>
            </span>
            <s></s>
        </a>
        <ul class="shopcart-list"><li class="list-empty">您购物车里还没有任何宝贝，快来挑选吧</li></ul>
    </div>

    <div class="head-search">
        <form id="headerSearch" name="headerSearch">
          <input type="text" name="keywords" class="txt-keyword">
          <button type="submit" class="btn-search">搜索</button>
        </form>
        <ul class="search-suggest"></ul>
        <p class="search-hotkeys">
            <a><font color="red">精准扶贫</font></a> 
            <a><font color="red">中国集邮</font></a> 
            <a>新鲜水果</a> 
            <a>奶粉</a> 
            <a>潮流女鞋</a> 
            <a>洗发护发</a> 
            <a>剃须刀</a> 
            <a>坚果炒货</a> 
            <a>纸巾</a>
        </p>
    </div>
</div>
    

<!-- 导航 -->
<div class="head-bottom">
    <div class="c_head-nav">
        <div class="head_middle layout">
            <div class="single">
                <a href="###">
                    <div class="single_icon"></div>
                </a>
            </div>
            <ul class="single_nav">
                <li class="tab_sy curr">
                    <a href="index.html">首页</a>
                    <span></span>
                </li>
                <li class="tab_sc"><a href="###">我的收藏</a><span></span></li>
                <li class="tab_xx"><a href="###">消息</a><span></span></li>
            </ul>
        </div>
    </div>
</div>
 




 
<!-- 身体 --> 
<div class="per-body">
    <div id="c_aside">
        <ul>
            <li class="h3 order">订单中心</li>
            <li class="h4"><a href="###">购物订单</a></li>
            <li class="h4"><a href="###">邮乐旅行</a></li>
            <li class="h4"><a href="###">充值缴费</a></li>
            <li class="h4"><a href="###">退款纠纷</a></li>
            <li class="h3 money">资产中心</li>
            <li class="h4"><a href="###">我的资产</a></li>
            <li class="h4"><a href="###">邮乐卡</a></li>
            <li class="h4"><a href="###">优惠券</a></li>
            <li class="h3 account">账号设置</li>
            <li class="h4"><a href="###">个人资料</a></li>
            <li class="h4"><a href="###">账户安全</a></li>
            <li class="h4"><a href="###">收货地址</a></li>
            <li class="h4"><a href="###">常用旅客</a></li>
            <li class="h4"><a href="###">常用联系人</a></li>
            <li class="h4"><a href="###">我的收藏</a></li>
            <li class="h4"><a href="###">酒店收藏</a></li>
        </ul>
    </div>
</div> 
<div id="c_main">
    <div class="basic_info">
        <div class="basic_r">
            <dl class="balance">
                <dt class="accountMoney">
                    <div class="account_num">
                        <span id="accountPrice" class="ajaxRequest account_icon">******</span>
                        <i>元</i>
                    </div>
                    <div class="list_name">
                        <a href="###">账户余额</a>
                    </div>
                </dt>
                <dt class="coupon">
                    <div class="coupon_num">
                        <span id="accountCoupons" class="accountCoupons ajaxRequest">1</span>
                        <i>张</i>
                    </div>
                    <div class="list_name">
                        <a href="###">优惠券</a>
                    </div>
                </dt>
                <dt class="point">
                    <div class="point_num">
                        <span id="accountPoint" class="accountPoint ajaxRequest">0</span><i>分</i>
                    </div>
                    <div class="list_name">
                        <a href="###">邮乐积分</a>
                    </div>
                </dt>
            </dl>
        </div>
        <div class="basic_l">
            <div class="photo">
                <a href="###" target="_blank">
                    <img src="images/default_48X48.gif">
                </a>
            </div>
            <dl class="verify">
                <dt class="tell">1*********2</dt>
                <dt class="phone ok">手机已验证 
                    <a href="###">更换</a>
                    <i></i>
                </dt>
                <dt class="mail ">邮箱未验证 
                    <a href="###">绑定</a>
                    <i></i>
                </dt>
                <dt id="userSetPayPwd" class="pay_verify">
                    <span id="isSetPayPwd">未</span>设置支付密码 
                    <i></i>
                </dt>
            </dl>
            <div class="line"></div>
        </div>
    </div>

    <div class="order_tab">
        <ul>
            <li class="tab1"><a href="###" target="_blank">待付款</a> <i class="dfk_num">0</i></li>
            <li class="tab2"><a href="###" target="_blank">待收货</a> <i class="dqr_num">0</i></li>
            <li class="tab3"><a href="###" target="_blank">已签收</a></li>
            <li class="tab4"><a href="###" target="_blank">已取消</a></li>
        </ul>
    </div>
    <div class="flow" id="c_wuliu">我的物流</div>
    <div class="goods_more">
        <a href="###" target="_blank">查看所有订单 &gt;</a>
    </div>
    <div class="flow">热销商品</div>
    <div class="modules">
        <div class="l-content">
            <!-- <div class="temItem l-content-item"> 
                <img src="">
                <span class="l-title">【现拍现发】密境仙草速干免洗型消毒液99.99%杀菌率 100ML</span>
                <div class="l-minPrice">
                    <span>￥</span>
                    <font>49.90</font>
                </div>
            </div>	 -->
        </div>
    </div>
</div>














<!-- 底部 -->
<div class="footer-wrap">
    <div class="footer">
        <div class="foot-banner">
            <a class="foot-banner-post">中国邮政</a>
            <a class="foot-banner-tom">TOM</a>
            <a class="foot-banner-commitment">品质保障 优选邮乐</a>
            <a class="foot-banner-free">覆盖城乡 安全速达</a>
        </div>

        <div class="foot-helper">
            
        </div>

        <div class="foot-license">
            <ul>
                <li>酒类商品零售许可证：浦市监酒零字 第 JY13101150070309-JL 号</li>
                <li>食品经营许可证：JY13101150070309</li>
                <li>统一社会信用代码：913100006916203638</li>
            </ul>
        </div>
        <div class="foot-copyright">
            <a style="color:#999">沪公网安备 31011502009005号</a>
            <span class="sep">|</span>
            沪ICP备 13037728号
            <span class="sep">|</span>
            (沪)网械平台备字[2020]第00009号
            <span class="sep">|</span>
            Copyright 2009-2020, 版权所有上海邮乐网络技术有限公司 ULE.COM
        </div>
        <div class="foot-iconlink">
            <a><b>中国邮政</b></a> 
            <a><b>TOM</b></a>
            <a><b>可信网站</b></a>
            <a><b>EMS</b></a>
            <a><b>中国邮政储蓄银行</b></a>
            <a><b>不良信息举报中心</b></a> 
            <a><b>上海网警网络110</b></a>
            <a><b>上海工商</b></a>
            <a><b>诚信网站</b></a>
        </div>

    </div>
</div>


<script src="js/jquery.2.2.4.js"></script>
<script src="js/drop-down menu.js"></script>
<script src="js/index.js"></script>
<script src="js/receiveArea.js"></script>



<script>


    //未登录不能查看个人中心
    var userData = sessionStorage.getItem("userState");
    userData = userData ? JSON.parse(userData) : userData; 
    
    // 判断本地的数据状态，是否为登录成功，跳转到登录
    if(!( userData && userData.state === 1 )){
        alert("你还没有登录，登录已失效，请重新登录");
        location.href = "login.html"
    }



    //热销商品
    function hotgoods(){
        $.ajax({
        url:"http://localhost:8080/api",
        data:{
            type:"data"
        },
        success:res=>{
            // console.log(res, "+++++++"); 
            this.res = res;
            this.render();  
        },
        dataType:"json"
        })
    }
    function render(){
        let str = "";
        if (!this.res){
            return;
        }
        res.forEach(item => {
            str += `<div class="temItem l-content-item"> <img src="images/${item.pic}">
                <span class="l-title">${item.title}</span>
                <div class="l-minPrice">
                    <span>￥</span>
                    <font>${item.price}</font> 
                </div></div>`;
        });
        $(".l-content").html(str);
    }

    hotgoods(); 







</script>

</body>
</html>